<nz-layout class="layout-wrapper">
    <nz-header class="nz-header">
        <div class="logo">服务监测系统</div>
        <div class="header-icon" (click)="showConfirm()">
            <i nz-icon type="poweroff" theme="outline"></i>
        </div>

        <div class="header-icon header-home" (click)="skip('/home')">
            <i nz-icon type="home" theme="fill"></i>
        </div>

        <div class="header-avatar">
            <nz-dropdown [nzPlacement]="'bottomRight'"
                         [(nzVisible)]="dropDownVisible">
                <div nz-dropdown class="nz-dropdown-menu-wrap">
                    <nz-avatar [nzSize]="'large'" nzIcon="anticon anticon-user"
                               [nzSrc]="avatar"></nz-avatar>
                    <span class="welcome-message">{{'匿名'}}</span>
                </div>
                <ul nz-menu class="nz-dropdown-menu">
                    <li nz-menu-item class="clearfix user-info-title" [ngStyle]="{'backgroundColor': 'transparent'}">
                        <span style="float: left">客户信息</span>
                        <span style="float: right">
                            <a routerLink="/home">账户设置</a>
                        </span>
                    </li>
                    <li nz-menu-item [ngStyle]="{'backgroundColor': 'transparent'}">•
                        账户级别：{{'管理员'}}</li>
                    <li nz-menu-item [ngStyle]="{'backgroundColor': 'transparent'}">•
                        本次登录：{{132321 | kylinDatePipe:'YYYY-MM-DD HH:mm:ss'}}</li>
                    <li nz-menu-item [ngStyle]="{'backgroundColor': 'transparent'}">•
                        登录地区：{{'西安'}}</li>
                    <li nz-menu-item [ngStyle]="{'backgroundColor': 'transparent'}">•
                        上次登录：{{12345678 | kylinDatePipe:'YYYY-MM-DD  HH:mm:ss'}}</li>
                </ul>
            </nz-dropdown>
        </div>

    </nz-header>

    <nz-layout class="layout-nz-content">

        <nz-sider [nzWidth]="nzWidth" class="nz-sider">
            <kylin-side-menu [width]="'200px'" [height]="'100%'" [sidebarMenuData]="sidebarMenuList"></kylin-side-menu>
        </nz-sider>

        <nz-layout style="overflow: -moz-scrollbars-none">
            <nz-content class="nz-content">
                <div class="home-content">
                    <router-outlet></router-outlet>
                </div>
            </nz-content>
        </nz-layout>
    </nz-layout>
</nz-layout>
